

<template>
 <div>
  <router-link to="/home">
      vue3使用vuex
  </router-link>|
    <router-link to="/play">
      pinia的使用
  </router-link>|
    <router-link to="/cart">
      pinia使用22
  </router-link>|
    <router-link to="/mine">
      pinia的写法2
  </router-link>|
  <router-link to="/cate">
      父子组件的v-model:value
  </router-link>
 </div>
 <router-view></router-view>
</template>
<script setup>

</script>
<style scoped>
.logo {
  height: 6em;
  padding: 1.5em;
  will-change: filter;
  transition: filter 300ms;
}
.logo:hover {
  filter: drop-shadow(0 0 2em #646cffaa);
}
.logo.vue:hover {
  filter: drop-shadow(0 0 2em #42b883aa);
}
</style>
